<%--
  Created by IntelliJ IDEA.
  User: jz
  Date: 2022/3/24
  Time: 14:05
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<html>
<head>
    <title>订单管理</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/order_manage.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/layui/css/layui.css">
    <link rel="shortcut icon" href="${pageContext.request.contextPath}/image/smallLogo.svg" type="image/x-icon">
    <script src="${pageContext.request.contextPath}/js/jquery-3.6.0.min.js"></script>
    <script src="${pageContext.request.contextPath}/layui/layui.js"></script>
    <style>

        <%--        悬浮在a标签上会出现的效果--%>
        .cus_title .logo .title_list li a:hover+span{
            background-image: url("${pageContext.request.contextPath}/image/list_buttom.png");
            background-size: 12px 6px;
        }

        /*给a标签上色*/
        .cus_title .logo .title_list li .current_page{
            color: #23b7b7 !important;
        }

        /*给span标签加三角形*/
        .cus_title .logo .title_list li .current_page_bottom{
            background-image: url("${pageContext.request.contextPath}/image/list_buttom.png");
            background-size: 12px 6px;
        }

    </style>
</head>
<body>

<jsp:include page="../common/head.jsp"/>

<div class="cus_body">
    <div class="left_info">
        <ul class="left_info_ul">
            <li class="left_title">
                <span>我的神行</span>
            </li>
            <li class="left_body">
                <a href="${pageContext.request.contextPath}/customer/customer_info.jsp">用户信息</a>
            </li>
<%--            <li class="left_body">--%>
<%--                <a href="">我的收藏</a>--%>
<%--            </li>--%>
            <li class="left_body">
                <a href="${pageContext.request.contextPath}/ordermanage" class="click_style">订单管理</a>
            </li>
            <li class="left_body">
                <a href="${pageContext.request.contextPath}/customer/coupon/${customer.memberId}">我的优惠券</a>
            </li>
            <li class="left_body">
                <a href="${pageContext.request.contextPath}/message">我的消息</a>
            </li>
        </ul>
    </div>
    <div class="right_info">
        <div class="right_title">
            <h2>订单信息</h2>
        </div>
        <div class="right_body">
            <div class="right_body_box">
                <div class="right_body_info">
                    <table width="100%">
                        <tr>
                            <th width="18%">订单编号</th>
                            <th width="32%">车型</th>
                            <th width="20%">取车时间</th>
                            <th width="20%">还车时间</th>
                            <th width="10%">订单状态</th>
                        </tr>
                        <c:forEach var="ordermanage" items="${myorderList}">
                            <tr>
                                <td width="20%"><a href="${pageContext.request.contextPath}/orderdetail?orderId=${ordermanage.myorderId}">${ordermanage.myorderNumber}</a></td>
                                <td width="32%"> 车辆颜色:${cardetail.carColor}  座位数:${cardetail.carSeatCount} 排量：${cardetail.carEngineCapcity}</td>
                                <td width="20%"><fmt:formatDate value="${ordermanage.getCarDate}" pattern="yyyy-MM-dd HH:mm"/></td>
                                <td width="20%"><fmt:formatDate value="${ordermanage.backCarDate}" pattern="yyyy-MM-dd HH:mm"/></td>
                                <td width="10%">
                                    <c:if test="${ordermanage.myorderStatus==0}">
                                        未支付
                                    </c:if>
                                    <c:if test="${ordermanage.myorderStatus==1}">
                                        已支付
                                    </c:if>
                                    <c:if test="${ordermanage.myorderStatus==2}">
                                        取消支付
                                    </c:if>
                                </td>
                            </tr>
                        </c:forEach>

                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

</body>
</html>
